<template>
	<div id="main">
		<zt-layout :titleList="titleList" @ztClickItem="ztClickItem">
			<template v-slot:zt-main>
				<div class="g-contet">
						<keep-alive>
							<router-view></router-view>
						</keep-alive>
				</div>
			</template>
		</zt-layout>
	</div>
</template>

<script>
	import ztLayout from '../../components/ztLayout.vue'
	export default {
		data() {
			return {
				titleList: ['账户管理', '其他信息']
			}
		},
		methods: {
			/**
			 * 监听tab点击事件
			 * @param {Number} index
			 */
			ztClickItem(index) {

				switch (index) {
					case 0:
						this.$router.push('/gerenziliao/userManag')
						break;
					case 1:
						this.$router.push('/gerenziliao/otherInfo')
						break;
					default:
						break;
				}
			}
		},
		components: {
			ztLayout
		}
	}
</script>

<style>
	#main{
		height: 100%;
	}
	.g-contet{
		height: 100%;
	}
</style>
